<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //ES6新增的创建字符串的方法，使用反引号定义
        let name =`这个是一个模板字符串`;
        console.log(name);
        //模板字符串中可以解析变量
        let name1 = `张三`;
        let SayHello = ` hello,my name is ${name1}`;
        console.log(SayHello);

        //模板字符串可以用来换行
        let result = {
            name :'zhangsan',
            age:20,
            sex:'男'
        }
        let html = `<div>
            <span>${result.name}</span>
            <span>${result.age}</span>
            <span>${result.sex}</span>
            </div>`;
            console.log(html);

        //在模板字符串中可以调用函数
        const sayHello = function(){
            return '哈哈哈哈 来呀来呀';
        };
        let greet = `${sayHello()}`;
        console.log(greet);

        //startsWith() 方法表示判断字符是否在原字符的首部  返回的布尔值
        //endsWith() 方法表示判断字符是否在原字符的尾部  返回布尔值
        let  str = 'Hello world!';
        console.log(str.startsWith('Hello')); 
       console.log(str.endsWith('!'));
    </script>
</body>
</html>